<template>
  <div class="data_info padding10" style="width: 47%">
    <div class="tf4 dis_f fz20">
      <div>人员定位上传备机（10.34.21.50）</div>
      <div>（172.26.26.28）</div>
    </div>
    <div>
      <div class="dis_f mt10">
        <div class="dis_f fz15" style="min-width: 180px">
          <div class="tf2">cpu使用率：</div>
          <div class="tf3">6.53%</div>
        </div>
        <div class="dis_f fz15" style="min-width: 180px">
          <div class="tf2">内存使用率：</div>
          <div class="tf3">7.70%</div>
        </div>
        <div class="dis_f fz15" style="min-width: 180px">
          <div class="tf2">C盘使用率：</div>
          <div class="tf3">42.48%</div>
        </div>
      </div>
      <div class="dis_f mt10">
        <div class="dis_f fz15" style="min-width: 180px">
          <div class="tf2">D盘使用率：</div>
          <div class="tf3">6.53%</div>
        </div>
        <div class="dis_f fz15" style="min-width: 180px">
          <div class="tf2">网卡入口流量：</div>
          <div class="tf3">5755.49</div>
        </div>
        <div class="dis_f fz15" style="min-width: 180px">
          <div class="tf2">网卡出口流量：</div>
          <div class="tf3">33430.86</div>
        </div>
      </div>
    </div>
    <div class="dis_f mt10">
      <div class="dis_f fz15" style="min-width: 300px">
        <div class="tf2">NetworkClient运行状态：</div>
        <div class="tf7">运行</div>
      </div>
      <div class="dis_f fz15">
        <div class="tf2">系统时间：</div>
        <div class="tf3">{{ datetime }}</div>
      </div>
    </div>
    <div class="dis_f mt10">
      <div class="fz13 dis_f" style="min-width: 260px">
        <div class="tf2">市应急局风险预警平台数据生成文件数：</div>
        <div class="tf6">41</div>
      </div>
      <div class="fz13 dis_f">
        <div class="tf2">市应急局风险预警平台数据最后更新时间：</div>
        <div class="tf6">{{ datetime }}</div>
      </div>
    </div>
    <div class="dis_f mt10">
      <div class="fz13 dis_f" style="min-width: 260px">
        <div class="tf2">执法网数据生成文件数：</div>
        <div class="tf6">41</div>
      </div>
      <div class="fz13 dis_f">
        <div class="tf2">执法网数据最后更新时间：</div>
        <div class="tf6">{{ datetime }}</div>
      </div>
    </div>
    <div class="dis_f mt10">
      <div class="fz13 dis_f" style="min-width: 260px">
        <div class="tf2">焦煤数字化营控平台数据生成文件：</div>
        <div class="tf6">41</div>
      </div>
      <div class="fz13 dis_f">
        <div class="tf2">焦煤数字化营控平台数据最后更新时间：</div>
        <div class="tf6">{{ datetime }}</div>
      </div>
    </div>
    <div class="dis_f mt10">
      <div class="fz13 dis_f" style="min-width: 260px">
        <div class="tf2">西山大数据平台数据生成文件数：</div>
        <div class="tf6">41</div>
      </div>
      <div class="fz13 dis_f">
        <div class="tf2">西山大数据平台 数据最后更新时间：</div>
        <div class="tf6">{{ datetime }}</div>
      </div>
    </div>
  </div>
</template>

<script setup>
import { ref } from "vue";
let datetime = ref("");
function getTime() {
  let date = new Date();
  datetime.value = date.toLocaleString();
}
setInterval(getTime, 1000);
</script>

<style lang="scss" scoped>
.data_info {
  background-image: url("../assets/img/bg.png");
  background-size: 100%;
  background-repeat: no-repeat;
}
</style>